{% extends 'base.html' %}
{% load static %}
{% block title %}
    个人信息
{% endblock %}

{% block style %}
    <style>
    .img{
        height: 200px;
        width: 200px;
        position: relative;
        left: 440px;
        margin-top: 0;
        padding: 5px;
    }
    </style>
{% endblock %}
{% block content %}

    <form class="form-horizontal" role="form" method="post" action="/information/">
   {% csrf_token %}
<img src="{% static '/image/avatar.jpg' %}" alt="" class="img-circle img"  >
    <input type="file" name="avatar">
  <div class="form-group">
    <label for="firstname" class="col-sm-2 control-label">性别</label>
    <div class="col-sm-5">
      <input type="text" class="form-control" id="firstname" name="name" placeholder="请输入性别">
    </div>
  </div>
   <div class="form-group">
    <label for="firstname" class="col-sm-2 control-label" >电话号</label>
    <div class="col-sm-5">
      <input type="text" class="form-control" id="firstname" name="mobile" placeholder="请输入电话号">
    </div>
  </div>
     <div class="form-group">
    <label for="firstname" class="col-sm-2 control-label">地址</label>
    <div class="col-sm-5">
      <input type="password" class="form-control" id="firstname" name="password" placeholder="请输入地址">
    </div>
  </div>
     <div class="form-group">
    <label for="firstname" class="col-sm-2 control-label">年龄</label>
    <div class="col-sm-5">
      <input type="text" class="form-control" id="firstname" name="captcha" placeholder="请输入验证码">
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-success">修改</button>
        {{ notice }}

    </div>
  </div>
</form>
{% endblock %}